﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="taglib.jsp"%>
<%@page contentType="text/html;charset=UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>瑞德英语-在线英语培训专家</title>
<link href="css/global.css" rel="stylesheet" type="text/css" />
	<script src="Scripts/jquery-1.4.4.min.js"></script>
	<script src="Scripts/slides.min.jquery.js"></script>
	<script>
		$(function(){
			$('#slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				play: 7000,
				pause: 4500,
				hoverPause: true
			});
		});

		//do some initialization here
		$(function(){
			//alert("a");
			$('#top_nav_home')[0].className = 'current';
		});

		function setbg_p(e, color, reminder)
		{

			if (e.value == "")
			{
				e.value = reminder;
				e.onfocus = function(){clear_input_p(e, '#e5fff3')};
			}
			return true;
		}

		function clear_input_p(e, color) 
		{ 
		    e.value = ""; 
		    //e.style.background=color;
		    e.onfocus = null; 
		} 

		

		function check_input_p(e, color) 
		{ 
		    if(e.value == "")
		    {
		    	e.onfocus = function(){clear_input_p(e, '#e5fff3')};
		    } 
		    else
		    {
		        e.onfocus = null; 
		    }
		    
		} 
		
	</script>
<!--[if IE 6]><script type="text/javascript" src="iepng.js"></script><![endif]-->
<script type="text/javascript">
   EvPNG.fix('div, ul, img, li, input,form,a,');  //EvPNG.fix('包含透明PNG图片的标签'); 多个标签之间用英文逗号隔开。
</script>
</head>

<body>
<div class="mianbody">
  <jsp:include page="top.jsp" />
  
  <div class="banner">
  <!--图片展-->
    <div class="pic">
   			<div id="slides">
				<div class="slides_container">
					<a href="#" ><img src="images/slide-1.png" ></a>
					<a href="#"><img src="images/slide-2.png"></a>
					<a href="#" ><img src="images/slide-1.png" ></a>
					<a href="#"><img src="images/slide-2.png"></a>	
                </div>
			</div>     
    </div>
   <!--登录-->   
   <div class="login">
   <form action="register.do" class="login_form">
   <table width="100%" border="0">
  <tr>
    <td height="30px" align="left">
    	<input name="name" type="text" value="姓名："
    		onfocus="clear_input_p(this,'#e5fff3');"
		    	onblur="setbg_p(this,'white', '姓名：');"
		    	onchange="check_input_p(this, 'white');"  /></td>
    <td width="10px">&nbsp;</td>
    <td align="left"><input name="age" type="text" value="年龄："
    	onfocus="clear_input_p(this,'#e5fff3');"
		    	onblur="setbg_p(this,'white', '年龄：');"
		    	onchange="check_input_p(this, 'white');" /></td>
  </tr>
  <tr>
    <td align="left"><input name="email" type="text" 
    			onfocus="clear_input_p(this,'#e5fff3');"
		    	onblur="setbg_p(this,'white', '邮箱地址：');"
		    	onchange="check_input_p(this, 'white');"   value="邮箱地址：" /></td>
    <td width="10px">&nbsp;</td>
    <td align="left"><input name="mobile" type="text" value="手机号："
    	onfocus="clear_input_p(this,'#e5fff3');"
		    	onblur="setbg_p(this,'white', '手机号码：');"
		    	onchange="check_input_p(this, 'white');"  /></td>
  </tr>
  <tr>
    <td colspan="3" align="left" height="52px">
    <input name="submit" type="image" style="width:91px; height:34px; border:0px;"  src="images/login_btn.jpg" />
    
    </td>
  </tr>
</table>
</form>
   </div>
   
  </div>
  
  <div class="in_center">
      <div class="body1">
        <h1><img src="images/jstd.jpg" /></h1>
        <ul>
          <li><img src="images/img1.jpg" /></li>
          <li class="word"><img src="images/jiantou.jpg" />我们的教师队伍全部由专业的外教组成。他们都必须持有国际英语教学认证和有丰富的教学经验，并能够激发学员的学习热情。来这里认识一下他们。</li>
        </ul>
      </div>
    <div class="body1">
      <h1><img src="images/kc.jpg" /></h1>
        <ul>
          <li><img src="images/img2.jpg" /></li>
          <li class="word"><img src="images/jiantou.jpg" />专为中国职场量身定制，适合不同程度的学员需求。了解一下。</li>
        </ul>
    </div>
      <div class="body2">
        <h1><img src="images/jxpt.jpg" /></h1>
        <ul>
          <li><img src="images/img1.jpg" /></li>
          <li class="word"><img src="images/jiantou.jpg" />最先进思科网络技术，无需安装软件，立即开始体验。</li>
        </ul>
      </div>
  </div>
  
  <jsp:include page="bottom.jsp" />
</div>
</body>
</html>
			
	
